<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Chess</title>
<script  src="js/util.js"></script>
<script  src="js/gameroom.js"></script>
<script  src="js/ajax.js"></script>
<style>
	body{
		margin:0px;
		padding:0px;
	}
	#main{
		width:100%;
	}
	#qipan{
		position:absolute;
		left:0px;
		top:0px;
		width:630px;
	}
	#qipan table{
		border-collapse:collapse;
		background:url("image/board.png") no-repeat;
	}
	#qipan td{
		width:70px;
		height:70px;
		text-align:center;
		padding:0px;
	}
	
	#path{
		position:absolute;
		left:0px;
		top:0px;
	}
	#path table{
		border-collapse:collapse;
	}
	#path td{
		width:70px;
		height:70px;
		text-align:center;
		padding:0px;
	}
	#cmd{
		position:absolute;
		width:630px;
		height:60px;
		bottom:0px;
		text-align:center;
	}
	#holder{
		position:absolute;
		left:5px;
		top:5px;
	}
	#other{
		position:absolute;
		top:150px;
		left:650px;
	}
	#me{
		position:absolute;
		top:400px;
		left:650px;
	}
	.btn{
		width:100px;
		height:40px;
		border:3px groove white;
	}
</style>
</head>
<body onload="GameRoom.init();" >
	<div id="main">
		<table>
			<tr><td rowspan=2>
				<div id="holder">
				
					<div id="qipan">
						<table cellspacing=0>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
						</table>
					</div>
					<!--  
					<div id="path">
						<table  cellspacing=0>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
							<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
						</table>
					</div>-->
				</div>
				<div id="msg" style="position:absolute;left:0px;top:350px;font-weight:bold;font-size:20px;text-align:center;width:630px">fff</div>
				<div id="cmd">
					<div><input id="cmd_start" type="button" value="准备" class="btn"></div>
					<div><input id="cmd_recall" type="button" value="悔棋"  class="btn"><input  id="cmd_giveup" type="button" value="认输"  class="btn"><input id="cmd_turn" type="button" value="让对方先出"  class="btn"></div>
				</div>
			</td>
			<td style="text-align:center"><div id="other">
				<table border=1>
					<tr><td colspan=2><img src="image/placeholder.png" width=100 height=100></td></tr>
					<tr><td>Name:</td><td><span>N/A</span></td></tr>
					<tr><td>Status:</td><td><span>N/A</span></td></tr>
				</table>	
			</div></td></tr>
			<tr><td style="text-align:center">
			<div id="me">
				<table border=1>
					<tr><td colspan=2><img src="image/portrait.png" width=100 height=100></td></tr>
					<tr><td>Name:</td><td><span>&nbsp;</span></td></tr>
					<tr><td>Status:</td><td><span>Not Ready</span></td></tr>
				</table>	
			</div></td></tr>
		</table>
	</div>
</body>
</html>